<div class="tool-bar">
  <div class="button-bar">
    <span>
      <B>区域：</B><select><option value ="volvo">乌江</option></select>
      <B>电站：</B><select><option value ="volvo">洪家渡</option></select>
      <B>机组：</B><select><option value ="volvo">#1</option></select>
    </span>

  </div>
  <div class="time-ctrl">
    <button class="btn btn-sm btn-default" (click)="goBack(true)"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></button>
    <!--<button class="btn btn-sm btn-default" (click)="goBack()"><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span></button>-->
  </div>
</div>
<div class="main-body">
  <div class="container-fluid">
    <div id="tabs">
      <tabset>
        <tab heading="振动" [customClass]="'tab'">
          <div class="row">
            <div class="col-sm-1"></div>
            <div class="col-sm-3">
              <div class="radio">
                <label>
                  测点选定
                </label>
              </div>
              <div class="radio">
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
                <label class="radio-inline" style="margin-left:-15px">
                  <button type="button" class="btn btn-primary btn-sm">确定</button>
                </label>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="radio">
                <label>
                  历史监测值取数范围
                </label>
              </div>
              <div class="radio">
                <label class="radio-inline input-group-sm" style="width: 100px;margin-right: -5px">
                  <input type="text" class="form-control" >
                </label>
                <label class="radio-inline" style="margin:0">
                  -
                </label>
                <label class="radio-inline input-group-sm" style="width: 100px;margin-left: -5px">
                  <input type="text" class="form-control">
                </label>
              </div>
            </div>
            <div class="col-sm-5">
              <div class="radio">
                <label class="radio-inline">
                  <input type="radio" name="forecast" value="1" checked>预测目标时间
                </label>
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" name="forecast" value="2">预测目标值
                </label>
                <label class="radio-inline input-group-sm" style="margin-left: 24px">
                  <input type="text" class="form-control">
                </label>
                <label class="radio-inline" style="margin-left:-15px">
                  <button type="button" class="btn btn-primary btn-sm">确定</button>
                </label>
              </div>
              <div class="radio" style="margin-top: 20px;margin-left: 118px;margin-bottom: 0">
                <label>
                  预测可信度
                </label>
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
              </div>
            </div>
          </div>
          <div class="row" style="margin-top: -5px">
            <div class="col-sm-1"></div>
            <div class="col-sm-10">
              <div>
                <app-chart-trend-prediction [tagTitle]="tagTitle1"></app-chart-trend-prediction>
              </div>
            </div>
            <div class="col-sm-1"></div>
          </div>

        </tab>
        <tab heading="摆度" [customClass]="'tab'">
          <div class="row">
            <div class="col-sm-1"></div>
            <div class="col-sm-3">
              <div class="radio">
                <label>
                  测点选定
                </label>
              </div>
              <div class="radio">
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
                <label class="radio-inline" style="margin-left:-15px">
                  <button type="button" class="btn btn-primary btn-sm">确定</button>
                </label>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="radio">
                <label>
                  历史监测值取数范围
                </label>
              </div>
              <div class="radio">
                <label class="radio-inline input-group-sm" style="width: 100px;margin-right: -5px">
                  <input type="text" class="form-control" >
                </label>
                <label class="radio-inline" style="margin:0">
                  -
                </label>
                <label class="radio-inline input-group-sm" style="width: 100px;margin-left: -5px">
                  <input type="text" class="form-control">
                </label>
              </div>
            </div>
            <div class="col-sm-5">
              <div class="radio">
                <label class="radio-inline">
                  <input type="radio" name="forecast" value="1" checked>预测目标时间
                </label>
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" name="forecast" value="2">预测目标值
                </label>
                <label class="radio-inline input-group-sm" style="margin-left: 24px">
                  <input type="text" class="form-control">
                </label>
                <label class="radio-inline" style="margin-left:-15px">
                  <button type="button" class="btn btn-primary btn-sm">确定</button>
                </label>
              </div>
              <div class="radio" style="margin-top: 20px;margin-left: 118px;margin-bottom: 0">
                <label>
                  预测可信度
                </label>
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
              </div>
            </div>
          </div>
          <div class="row" style="margin-top: -5px">
            <div class="col-sm-1"></div>
            <div class="col-sm-10">
              <div>
                <app-chart-trend-prediction [tagTitle]="tagTitle2"></app-chart-trend-prediction>
              </div>
            </div>
            <div class="col-sm-1"></div>
          </div>
        </tab>
        <tab heading="压力脉动" [customClass]="'tab'">
          <div class="row">
            <div class="col-sm-1"></div>
            <div class="col-sm-3">
              <div class="radio">
                <label>
                  测点选定
                </label>
              </div>
              <div class="radio">
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
                <label class="radio-inline" style="margin-left:-15px">
                  <button type="button" class="btn btn-primary btn-sm">确定</button>
                </label>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="radio">
                <label>
                  历史监测值取数范围
                </label>
              </div>
              <div class="radio">
                <label class="radio-inline input-group-sm" style="width: 100px;margin-right: -5px">
                  <input type="text" class="form-control" >
                </label>
                <label class="radio-inline" style="margin:0">
                  -
                </label>
                <label class="radio-inline input-group-sm" style="width: 100px;margin-left: -5px">
                  <input type="text" class="form-control">
                </label>
              </div>
            </div>
            <div class="col-sm-5">
              <div class="radio">
                <label class="radio-inline">
                  <input type="radio" name="forecast" value="1" checked>预测目标时间
                </label>
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" name="forecast" value="2">预测目标值
                </label>
                <label class="radio-inline input-group-sm" style="margin-left: 24px">
                  <input type="text" class="form-control">
                </label>
                <label class="radio-inline" style="margin-left:-15px">
                  <button type="button" class="btn btn-primary btn-sm">确定</button>
                </label>
              </div>
              <div class="radio" style="margin-top: 20px;margin-left: 118px;margin-bottom: 0">
                <label>
                  预测可信度
                </label>
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
              </div>
            </div>
          </div>
          <div class="row" style="margin-top: -5px">
            <div class="col-sm-1"></div>
            <div class="col-sm-10">
              <div>
                <app-chart-trend-prediction [tagTitle]="tagTitle3"></app-chart-trend-prediction>
              </div>
            </div>
            <div class="col-sm-1"></div>
          </div>
        </tab>
        <tab heading="温度" [customClass]="'tab'">
          <div class="row">
            <div class="col-sm-1"></div>
            <div class="col-sm-3">
              <div class="radio">
                <label>
                  测点选定
                </label>
              </div>
              <div class="radio">
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
                <label class="radio-inline" style="margin-left:-15px">
                  <button type="button" class="btn btn-primary btn-sm">确定</button>
                </label>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="radio">
                <label>
                  历史监测值取数范围
                </label>
              </div>
              <div class="radio">
                <label class="radio-inline input-group-sm" style="width: 100px;margin-right: -5px">
                  <input type="text" class="form-control" >
                </label>
                <label class="radio-inline" style="margin:0">
                  -
                </label>
                <label class="radio-inline input-group-sm" style="width: 100px;margin-left: -5px">
                  <input type="text" class="form-control">
                </label>
              </div>
            </div>
            <div class="col-sm-5">
              <div class="radio">
                <label class="radio-inline">
                  <input type="radio" name="forecast" value="1" checked>预测目标时间
                </label>
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" name="forecast" value="2">预测目标值
                </label>
                <label class="radio-inline input-group-sm" style="margin-left: 24px">
                  <input type="text" class="form-control">
                </label>
                <label class="radio-inline" style="margin-left:-15px">
                  <button type="button" class="btn btn-primary btn-sm">确定</button>
                </label>
              </div>
              <div class="radio" style="margin-top: 20px;margin-left: 118px;margin-bottom: 0">
                <label>
                  预测可信度
                </label>
                <label class="radio-inline input-group-sm">
                  <input type="text" class="form-control">
                </label>
              </div>
            </div>
          </div>
          <div class="row" style="margin-top: -5px">
            <div class="col-sm-1"></div>
            <div class="col-sm-10">
              <div>
                <app-chart-trend-prediction [tagTitle]="tagTitle4"></app-chart-trend-prediction>
              </div>
            </div>
            <div class="col-sm-1"></div>
          </div>
        </tab>
      </tabset>
    </div>

  </div>
</div>
